<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>我</title>
        <link rel="stylesheet" href="studentorder.css">
        <link rel="stylesheet" href="../public_css/public_header.css">

        <script src="../public/jquery.min.js"></script>
        <script src="../public/layer.js"></script>
        <script src="../js/student/studentorder/studentorder.js"></script>

    </head>
    <body>
        <header class="public_header">
            <p class="public_header_title" style="display: block;width: 100%;text-align: center;padding-left: 0;">我的订单</p>
        </header>
        <section class="main_info_oder">
            <div class="oder_details">
                <ul>
                    <li class="oder_details_active" name="orders2">进行中的订单</li>
                    <li name="orders1">已取消订单</li>
                    <li name="orders3">已完成订单</li>
                </ul>
            </div>
            <!-- 取消的订单 -->
            <div class="orders  orders1" id="can">
                <div class="oder_canceled">
                    <p>取消的订单</p>
                </div>
            </div>
            <!-- 进行中的订单 -->
            <div class="orders orders2" id="shuttle">
                <div class="oder_canceled">
                    <p>送考订单</p>
                </div>

            </div>
            <div class="orders orders2"  id="text">
                <div class="oder_canceled">
                    <p>教学订单</p>
                </div>

            </div>

            <!-- 已完成订单 -->
            <div class="orders orders3">
                <div class="oder_canceled">
                    <p>已完成订单</p>
                </div>

            </div>
        </section>
        <div class="order">
            <span class="line"></span>
            <span class="txt">我是没有节操的分割线</span>
            <span class="line"></span>
        </div>
        <!-- <div class="coverd"></div> -->
        <footer class="clearfix">
            <ul class="clearfix">
                <li id="drive" onclick="window.location.href='../index/index.html'"><img src="img/study_drive_off.png" alt="学车"></li>
                <li><img src="img/oderForm_on.png" alt="订单"></li>
                <li   onclick="window.location.href='../lianti/index.html'"><img src="img/practice_off.png" alt="练题"></li>
                <li id="myinfo"><img src="img/me_off.png" alt="我"></li>
            </ul>
        </footer>
    </body>
</html>
